Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Первый шаг: загрузка скриптов на FTP PHP

Этап 1. Установка пароля

Если у вас задан пароль к FTP PHP, сразу же переходите к следующему этапу.

Перейдите на главную страницу панели управления вашим сайтом, в правой верхней части нажмите на ссылку «PHP детали». В открывшемся окне кликните на ссылку: «Пароль не установлен. Мы попадем на страницу установки пароля на FTP PHP. Заполните поля, продолжайте следовать инструкциям системы.

Этап 2. Подключение к PHP FTP серверу

После установки пароля, скачайте FTP-клиент, рекомендуем бесплатный FTP клиент FileZilla. После установки программы, в верхней части вводим параметры подключения:

• Сервер: s2000.ucoz.net
• Логин (FTP login): введите свой логин, который указан в меню "PHP детали"
• Пароль: пароль который вы ввели ранее в специальном разделе

После заполнения полей нажмите на кнопку «Быстрое соединение».

Этап 3. Загрузка скриптов на PHP FTP сервер

После успешного подключения вы увидите каталог под именем «scripts» в правой части окна программы. Обязательно переходим в этот каталог двойным кликом по нему.

Теперь загрузите в этот каталог папку из архива со скриптом «search». Загрузить легко, просто перетащите эту папку в правый диалог (где отображаются каталоги и файлы хранящиеся на сервере).

Узнать статус передачи файлов вы можете в окне статуса, которое находится в нижней части программы, там отображаются файлы которые ожидают передачи и те, которые не удалось передать, в частности которые были успешно переданы.

Второй шаг: загрузка файлов на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу кликните на кнопку "Создать папку", введите название папки js. Кликните на галочку и ура, мы создали папку с нужным именем!:) Теперь абсолютно идентичным действиям создайте папку, но только с названием css и img.

Теперь зайдите в папку js и загрузите в эту папку файл "search_tips_pro.js" из архива со скриптом (папка "скрипты").
Далее, перейдите в папку CSS и загрузите в неё все файлы, которые находятся в архиве со скриптом (папка "стили").
Далее, перейдите в папку img и загрузите в неё все файлы, которые находятся в архиве со скриптом (папка "изображения").

Третий шаг: установка кода

Разместите этот код после системной переменной $SEARCH_FORM$:

<div id="search-results" style="z-index:999;"></div>
<style>@import url('/css/search_tips_pro.css');</style>
<script src="/.s/src/jquery-ui/jquery-ui.min.js"></script>
<script src="/js/search_tips_pro.js"></script>

сохраните изменения.

Четвертый шаг: настройка и использование

Возможные настройки в файле search_tips_pro.js

minLength:2 - этот параметр отвечает за минимальное количество символов для начала поиска
source:"/php/search/search.php" - путь к php файлу поиска
.queryField - класс (поля ввода формы поиска) к которому привязывается скрипт


Чтобы скрипт работал корректно, вам нужно создать файл «export.xml», перейдя для этого в Панель управления » Интернет-магазин и кликнуть на XML, как показано на скриншоте.
Затем вы получите ссылку на файл, вам нужно её загрузить в папку «search», которая расположена вместе с PHP скриптом на фтп пхп. Это нужно будет делать каждый раз, когда вы будете создавать новый файл экспорта.